<template>
  <div id="h1">
    <van-cell center title="AI智能检测">
      <template #right-icon>
        <van-switch v-model="checked" size="24" />
      </template>
    </van-cell>
    <van-cell center title="护眼模式">
      <template #right-icon>
        <van-switch v-model="checked" size="24" />
      </template>
    </van-cell>
    <van-cell center title="使用时长提醒">
      <template #right-icon>
        <van-switch v-model="checked" size="24" />
      </template>
    </van-cell>
  </div>
</template>

<script>
import { Switch, Cell } from "vant";

export default {
  data() {
    return { checked: true };
  },
  components: {
    "van-switch": Switch,
    "van-cell": Cell,
  },
};
</script>

<style lang="less" scoped>
/* #h1 {
  border-radius: 20px;
  padding: 25px 0 35px 0;
} */
</style>
